<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>线下做单</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/commons.css">
    <link href="../css/outline-makeorders.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">申请做单</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->

<!--图片验证码-->
<div class="zhezhao" style="display: none;">
    <div class="zhazhao_box mui-clearfix">
        <div id="close_box"><img id="close" src="../img/close-dialog.png" alt="关闭"></div>
        <h4>请输入图片验证码</h4>
        <div class="mui-clearfix">
            <input type="text" id="code_input" value="" placeholder="输入验证码"/>
            <div id="v_container" style="">
                <img id="imgObj" onclick="changeImg();" alt="验证码" src=""/>
            </div>
            <div class="change_box" id="change" onclick="changeImg();"><img class="change" src="../img/change_one.png" alt="换一个"></div>
        </div>
        <div class="verify_tips">验证码不区分大小写</div>
        <!--<button id="my_button">确定</button>-->
    </div>
</div>


<div class="mui-content">
    <div>
            <div class="makeorders_box">
                <p><span>客户手机：</span><input type="text" placeholder="请输入客户手机号" id="phone" maxlength="11" onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"><a style="display: none" id="verityName"></a></p>
                <input type="hidden">
                <p class="code-p" style="display: none;"><span>验证码：</span><input type="text" placeholder="请输入验证码" class="code-input"><a class="code-button">获取验证码</a></p>
                <p><span>交易密码：</span><input type="text" placeholder="请输入交易密码" id="password"></p>
                <input type="hidden">
                <p><span>商品名称：</span><input type="text" placeholder="请输入商品名称" id="goodsname"  maxlength="15"></p>
                <p class="num"><span>数量：</span><a class="num-decrease">-</a><input type="text" value="1" id="goodsnum" maxlength="4" autocomplete="off"  onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"><a class="num-add">+</a></p>
                <p><span>单价：</span><input type="text" placeholder="请输入单价" id="goodsprice" maxlength="7" onchange="this.value=this.value.replace(/\D/g,'')" onkeyup="this.value=this.value.replace(/\D/g,'')"></p>
                <p><span>小计：</span><span class="subtotal">0.00</span></p>
                <p><span>实付金额：</span><span class="should-pay">0.00</span></p>
                <p><span>备注：</span><input type="text" id="tips" placeholder="请添加备注"></p>
            </div>
            <div class="submit">申请做单</div>
    </div>
</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index">
        <span class="mui-icon"><img src="../img/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="nearby">
        <span class="mui-icon"><img src="../img/nearby-icon.png"/></span>
        <span class="mui-tab-label">入驻</span>
    </a>
    <a class="mui-tab-item" id="shop">
        <span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item mui-active" id="me">
        <span class="mui-icon"><img src="../img/personal-icon-act.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/md5.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/apply-makeorders.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script type="text/javascript">
    $(function(){
        $('#phone').val('');
        $('#password').val('');
        $('#goodsname').val('');
        $('#goodsprice').val('');
    })
</script>
</body>
</html>